<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>供应商详细</title>
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>

	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/provider/providerdetailMain.css'>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/bootstrap.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
</head>


<body>
	<!-- 顶部部分 -->
	<header>
		<div class="rightTop">
			<ul>
				<li><a href="#">登录</a></li>
				<li class="separator">|</li>
				<li><a href="#">注册</a></li>
				<li class="separator">|</li>
				<li><a href="login.html">个人中心</a></li>
			</ul>
		</div>
		<div class="headermenu">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">设计师</a></li>
				<li><a href="#">品牌服装</a></li>
				<li><a href="#">服装企业</a></li>
				<li class="curent"><a href="#">面料</a></li>
				<li><a href="${pageContext.request.contextPath}/provider/providerInfo.do">供应商</a></li>
				<li><a href="#">资讯</a></li>
			</ul>
		</div>
		<div class="search">
			<input type="text" placeholder="我想找···" />
		</div>
	</header>
	
	<!-- 内容部分 -->
	<div class="content">
		<div class="container">
			<p class="c_title">位置：<a href="#">FCS</a> >> <a href="${pageContext.request.contextPath}/provider/providerInfo.do">供应商</a> >> 供应商详细</p>
			<div class="row-fluid">
				<div class="span12">
				
					<div class="span9 providerInfo">
						<h3 class="provider-info">供应商详细</h3>
						<div class="row-fluid provider-main">

							<div class="span4">
								<img alt="180x180" src="${provider.photo_link}" width="200" height="200" class="img-rounded"/>
							</div>
							<div class="span8 pro-info">
								<h3>
									供应商名称
								</h3>
								<p class="text-left">
									<strong>供应商简介：</strong>${provider.introduction}</strong>
								<p class="text-left">
									<strong>年生产值：${provider.year_production}</strong>
								</p>
								<p class="text-left">
									<strong>供应商电话：${provider.phone}</strong>
								</p>
								<p class="text-left">
									<strong>供应商地址：${provider.address}</strong>
								</p>
							</div>
						</div>
					</div>
					<div class="span3 providerContact">
						<img alt="140x140" src="${provider.photo_link}" style="width:140px;heigh:140px;" />
						<table class="table table-hover ptable">
							<tbody>
								<tr>
									<td>
										联系人：${provider.link_name}
									</td>
									<td>
									</td>
								</tr>
								<tr>
									<td>
										联系电话：${provider.link_phone}
									</td>
									<td>
									</td>
								</tr>
								<tr>
									<td>
										联系邮箱：${provider.fax}
									</td>
									<td>
									</td>
								</tr>
								<tr>
									<td>
										联系传真：${provider.fax}
									</td>
									<td>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
	
				</div>

				<div class="span12">
					<div class="page-header">
						<h3>
							最新产品
						</h3>
					</div>
					<c:forEach items="${newList}" var="obj">
						<div class="col-xs-3 span3 c_photo">
						<a href="#"><img alt="140x140" style="width:140px;height:140px" src="${obj.photo_url1 }" class="img-circle img-opcaity" /></a>
						<p>
							面料名称：${obj.name}
						</p>
						<p>
							储存量：${obj.goods_quantity}
						</p>
					</div>
					</c:forEach>
				</div>

				<div class="span12">
					<div class="page-header">
						<h3>
							人气产品
						</h3>
					</div>
					<c:forEach items="${collectedList}" var="obj">
						<div class="col-xs-3 span3 c_photo">
							<a href="#"><img alt="140x140"style="width:140px;height:140px" src="${obj.photo_url1 }" class="img-circle img-opcaity" /></a>
							<p>
								面料名称：${obj.name}
							</p>
							<p>
								储存量：${obj.goods_quantity}
							</p>
						</div>
					</c:forEach>	
				</div>

			</div>
			
		</div>
	</div>

	<!-- 页脚部分 -->
	<footer>
	</footer>
</body>
</html>